<!--
 * @description 上一个、下一个组件
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
-->
<template>
	<view class="pure-prev-next" :class="_classes" :style="_styles">
		<view
			class="pure-prev-next__item pure-prev-next__item--prev"
			:class="{ 'pure-prev-next__item--disabled': disabledPrev }"
			:hover-class="$attrs.hoverClass || $attrs['hover-class']"
			@tap="$emit('prev')"
		>
			<slot name="prev">
				<text
					class="pure-prev-next__text pure-prev-next__text--prev"
					v-if="prevText"
					>{{ prevText }}</text
				>
				<pure-icon
					class="pure-prev-next__icon pure-prev-next__icon--prev"
					:name="prevIconName"
					:mode="$attrs.prevIconName || $attrs['prev-icon-name']"
					v-else-if="prevIconName"
				></pure-icon>
			</slot>
		</view>
		<view
			class="pure-prev-next__item pure-prev-next__item--next"
			:class="{ 'pure-prev-next__item--disabled': disabledNext }"
			:hover-class="$attrs.hoverClass || $attrs['hover-class']"
			@tap="$emit('next')"
		>
			<slot name="next">
				<text
					class="pure-prev-next__text pure-prev-next__text--next"
					v-if="nextText"
					>{{ nextText }}</text
				>
				<pure-icon
					class="pure-prev-next__icon pure-prev-next__icon--next"
					:name="nextIconName"
					:mode="$attrs.nextIconName || $attrs['next-icon-name']"
					v-else-if="nextIconName"
				></pure-icon>
			</slot>
		</view>
	</view>
</template>

<script>
import commonComponentOptions from "../../config/common-component-options";
export default {
	options: commonComponentOptions,
};
</script>

<script setup>
import { ref, computed } from "vue";
import props from "./props";

// **************************************************************************************************************
// * Refs
// **************************************************************************************************************

// **************************************************************************************************************
// * Options
// **************************************************************************************************************
defineOptions(commonComponentOptions);

// **************************************************************************************************************
// * Props
// **************************************************************************************************************
const _props = defineProps(props);

// **************************************************************************************************************
// * Emits
// **************************************************************************************************************
const _emits = defineEmits(["prev", "next"]);

// **************************************************************************************************************
// * Classes
// **************************************************************************************************************
const _classes = computed(() => {
	const array = [];
	return array;
});

// **************************************************************************************************************
// * Styles
// **************************************************************************************************************
const _styles = computed(() => {
	const array = [];
	return array;
});

// **************************************************************************************************************
// * Computed
// **************************************************************************************************************

// **************************************************************************************************************
// * Functions
// **************************************************************************************************************
</script>

<style scoped lang="scss">
@import "./style.scss";
</style>
